<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>v-for遍历</title>

</head>
<body>
<div id="app">
  <ul>
    <li v-for="(item,index) in fruit">
      {{item}}--{{index+1}}</li>

<!--    同下语法  index不需要可省略 如果只有一个元素 小括号可省略-->
    <li v-for="item in fruit">
      {{item}}</li>
  </ul>

</div>
<script src="vue.global.js"></script>
<script>
  const app =Vue.createApp({
    data(){
      return{
        fruit:['苹果','香蕉','西瓜']
      }
    }
  }).mount('#app')
</script>
</body>
</html>
